<template>
  <view class="styleMessage container">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <view class="imageSty">
      <xsj-image mode="aspectFill" width="702rpx" height="380rpx" :src="options.thumb">
        <template v-slot:loading>
          <u-loading-icon mode="circle"></u-loading-icon>
        </template>
      </xsj-image>
    </view>

    <view class="textSty">
      <!-- <text class="text1">由“用户5622”提供的照片</text> -->
      <text class="text2">{{ options.content }}</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      options: {},
    }
  },
  onLoad(options) {
    this.options = options
  },
  methods: {
    gotoJump(url) {
      uni.navigateTo({
        url: url,
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleMessage {
  padding: 24rpx;
  min-height: 100vh;
  background: #f6f6f6;
  .imageSty {
    margin-bottom: 24rpx;
    border-radius: 24rpx;
    overflow: hidden;
  }
  .textSty {
    width: 100%;
    min-height: 152rpx;
    background: #ffffff;
    border-radius: 24rpx;
    padding: 32rpx 24rpx;
    .text1 {
      display: block;
      color: #3882eb;
      margin-bottom: 16rpx;
      font-size: 30rpx;
    }
    .text2 {
      display: block;
      font-size: 26rpx;
    }
  }
}
</style>
